body {
    background-color: #7BA7AB !important;
    display: flex;
    height: 580px;
    justify-content: center;
    align-items: center;
}

.center {
    /* margin: auto; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 500px;
    height: 450px;

    border-radius: 20px;

    background-color: #7BA7AB;
    box-shadow: 15px 15px 15px 10px rgba(33, 45, 58, 0.3);
    overflow: hidden;
    position: relative;
}

form {
    width: 200px;
    z-index: 20;
    height: 200px;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
}

.center form .inp {
    outline: none;
    border: none;
    width: 200px;
    height: 20px;
    border-bottom: 1px solid #F9F0DA;
    background: none;
    color: #F9F0DA;
    margin: 0 auto;
}

.inp::placeholder {
    color: #F9F0DA;
    font-size: 15px;
}

.center form .sub {
    width: 200px;
    height: 40px;
    outline: none;
    border-radius: 20px;
    border: 1px solid white;
    color: #F9F0DA;
    /* background-color: #a3d0e6; */
    background-image: linear-gradient(to right, #9fa5d5 0%, #a0f1ea 100%);
}


.center form .sub:hover {
    cursor: pointer;
}

.center p {
    z-index: 20;
    color: #F9F0DA;
    font-size: 30px;
}

.import_prompt {
    /* float: left; */
    border: solid 1px #ffcd00;
    background-color: #ffffda;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    border-radius: 0px 0px 5px 5px;
    /* line-height: 20px; */
}

.error_prompt {
    border: solid 1px #ff3300;
    background-color: #fff2e5;
    background-repeat: no-repeat;
    background-position: 5px 2px;
    padding: 2px 5px 0px 25px;
    font-size: 12px;
    border-radius: 0px 0px 5px 5px;
    /* line-height: 20px; */
}

.ok_prompt {
    border: solid 1px #01be00;
    background-color: #e6fee4;
    background-repeat: no-repeat;
    background-position: 5px 2px;
    padding: 2px 5px 0px 25px;
    border-radius: 0px 0px 5px 5px;
    line-height: 20px;
}